@charset "utf-8";
@import "public";
@import "top";
@import "footer";
$width:1190px;
$chover:#e5004f;
.margin{
    width: $width;
    margin: 0 auto;
    }



#lunb{
    height: 470px;
    background: url(../images/bg-01.jpg) center;
    .margin{ position: relative;}
   
    ul{position: absolute;left: 0;top: 0;position: relative;}
    ul  li{
        display: none;
    }
    .ding{position: relative;}
    .active{display: block;}
    ol {position: absolute;left: 570px;bottom:30px;}
    ol li{
        float: left;
        cursor: pointer;
        width: 30px;
        border-bottom: 8px solid #211616;
        margin-right: 1px;
    }
    #btnr{ display: none;
            left: 50%;
            margin-left: -385px;
            background-position: left top;
            position: absolute;
            top: 50%;
            margin-top: -30px;
            cursor: pointer;
            filter: alpha(opacity=0);
            opacity: 0.7;
            width: 30px;
            height: 60px;
            text-indent: -99px;
            overflow: hidden;
            background-image: url(../images/prevnext.png);
            background-repeat: no-repeat;
    }
    #btnl{
            display: none;
            right: 50%;
            margin-right: -385px;
            background-position: right top;
            position: absolute;
            top: 50%;
            margin-top: -30px;
            cursor: pointer;
            filter: alpha(opacity=0);
            opacity: 0.7;
            width: 30px;
            height: 60px;
            text-indent: -99px;
            overflow: hidden;
            background-image: url(../images/prevnext.png);
            background-repeat: no-repeat;
    }
    .f{border-color: $chover;}
    .right{
            position: absolute;
            width: 200px;
            height: 470px;
            top: 0;
            right: 0;
         a{
            width: 200px;
            height: 470px;
            display: block;
            transition:.2s;
            background: url('http://r.ytrss.com/home/images/mobile.jpg');
         }
         a:hover{
            transform: translateX(10px);
         }
         
    }
}


#zhuangui{
    background: #f5f5f5;
    overflow: hidden;
    .modle{padding-top: 20px;}
    .title{
        padding: 8px 5px;
        background: #fff;
        margin-top: 20px;
    }
    h3{
        width: 380px;
        height: 36px;
        text-indent: -9999em;
        background: url('http://r.ytrss.com/home/images/floor-tk.png') 0 0 no-repeat;
    }
    .imgs{
        padding: 10px 0 0;
        width: 1190px;
        overflow: hidden;
        background-color: transparent;
    }
    ul{
        width: 1200px;
        
    }
    li{
        padding: 0;
        position: relative;
        float: left;
        width: 230px;
        height: 370px;
        margin: 0 10px 10px 0;
        background: #fff;
        font-family: "\5fae\8f6f\96c5\9ed1";
    }
    
    .b{overflow: hidden;}
    .img{
        width: 210px;
        height: 270px;
        margin: 0 auto;
    }
    img{width: 210px;
        height: 270px;}
    .text{
        overflow: hidden;
        padding: 5px 10px 0;
        line-height: 18px;
    }
    p{
        height: 24px;
        line-height: 24px;
        color: #000;
    }
    .details{
        overflow: hidden;
        height: 36px;
    }
    .price{
        padding-top: 5px;
    }
    .c-price{
        height: 28px;color: #666;    
        }
    em{
            float: left;
            font-size: 18px;
            margin-right: 5px;
            color: #e5004f;
            font-style: normal;
            font-weight: 400;
    }
    s{
        float: right;
        font-size: 14px;
        color: #999;
        text-decoration: none;
        background: url('http://r.ytrss.com/rs/img/ec/v3/sprit-hf_20140102.gif') -446px -479px no-repeat;
    }
}



#louti{
    position: fixed;
    left: 50%;
    bottom: 20px;
    margin-left: 600px;
    width: 50px;
    height: 595px;
    display: none;
    ul{}
    ul li{margin-top: 5px;height: 50px;width: 50px; }
    a{
        display: block;
        width: 30px;
        height: 30px;
        margin-bottom: 5px;
        padding: 5px 10px 15px;
        line-height: 999px;
        overflow: hidden;
        background:url(../images/floor-nav.png) 0 0 no-repeat;
        
    }
    .active{background: $chover;text-align: center;
              a{color: #fff;background: none;line-height:18px;}
    }

}
